<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<title>AdminLTE 2 | Blank Page</title>
<!-- 头部包含的信息 -->
#parse("common/admin-header.html")
<link href="${rc.contextPath}/AdminLTE/bootstrap/css/bootstrapValidator.min.css" rel="stylesheet">
<link href="https://cdn.bootcss.com/jquery-treegrid/0.2.0/css/jquery.treegrid.min.css" rel="stylesheet">
<!-- 表头滚动css-->
<style type="text/css">
.starter-template {
	padding: 40px 15px;
	text-align: center;
}
table.table-fixed-head .table-fixed-head-thead {
	border-bottom: 1px solid #dddddd;
	background: #fff;
}
</style>
</head>
<body class="hold-transition skin-blue sidebar-mini">
	<!-- Site wrapper -->
	<div class="wrapper">
		<!-- 左侧列菜单，包含了侧边栏 -->
		#parse("common/admin-body-header.html")

		<!-- Left side column. contains the sidebar -->
		#parse("common/admin-body-aside.html")

		<!-- 页面主内容 -->
		<div class="content-wrapper">
			<!-- 内容标题（页眉） -->
			<section class="content-header">
				<ol class="breadcrumb" style="float:left; left:10px; top:7px;">
					<li><a href="#"><i class="fa fa-dashboard"></i> 系统设置</a></li>
					<li class="active">角色列表</li>
				</ol>
			</section>

			<!-- Main content -->
			<section class="content" style="padding:13xp;">
				<!-- 提示弹出层 -->
				#parse("common/alertDiv.html")
				<div class="row">
					<div class="col-xs-12">
						<div class="box">
							<div class="box-body table-responsive no-padding" style="margin-top: 10px; margin-left: 10px">
							
								<ul id="myTab" class="nav nav-tabs">
									<li><a id="tabList" href="#homeDiv" data-toggle="tab">角色列表</a></li>
									<li><a id="tabUpdate" href="#updateDiv" data-toggle="tab">角色添加</a></li>
								</ul>
								<div class="tab-content">
									<!-- 									<div class="tab-pane active" id="home"></div> -->
									<div class="tab-pane active" id="homeDiv">
										<table id="datalist" class="table table-hover table-striped table-fixed-head ">
										</table>
									</div>
									<div class="tab-pane" id="updateDiv">
										<!-- 主内容 -->
										<div class="box-body" style="width: 100%; float: left">
											<form id="frm" class="form-horizontal">
												<div class="box-body">
													<div class="form-group" style="display:none">
														<label class="col-sm-2 control-label" style="width: 16%">角色ID</label>
														<div class="col-sm-10" style="width: 60%">
															<input type="text" class="form-control" style="width: 100%; height: 40px" id="groupId" name="groupId" placeholder="请输入机构ID">
														</div>
													</div>
													<div class="form-group">
														<label class="col-sm-2 control-label" style="width: 16%">父级角色ID</label>
														<div class="col-sm-10" style="width: 60%">
<!-- 															<input type="text" class="form-control input-sm" style="width: 100%; height: 40px" id="parentPermissionId" name="parentPermissionId" placeholder="请输入父级权限ID"> -->
<!-- 														      <select id="parentPermission" name="parentPermission" class="form-control"> -->
<!-- 											                    <option>请选择</option> -->
<!-- 											                  </select> -->
<!-- 											                  <table id="parentPermission"> -->
<!-- 																</table> -->
																<select class="form-control">
												                    <option>option 1</option>
												                    <option>option 2</option>
												                    <option>option 3</option>
												                    <option>option 4</option>
												                    <option>option 5</option>
												                  </select>
														</div>
													</div>
													<div class="form-group">
														<label class="col-sm-2 control-label" style="width: 16%">角色名</label>
														<div class="col-sm-10" style="width: 60%">
															<input type="text" class="form-control" style="width: 100%; height: 40px" id="groupName" name="groupName" placeholder="请输入机构名称">
														</div>
													</div>
													<div class="form-group">
														<label class="col-sm-2 control-label" style="width: 16%">描述</label>
														<div class="col-sm-10" style="width: 60%">
															<input type="text" class="form-control" style="width: 100%; height: 40px" id="description" name="description" placeholder="请输入权限描述">
														</div>
													</div>
												</div>
												<!-- /.box-body -->
												<div class="box-footer">
													<button id="frmsub" type="submit" class="btn btn-primary btn-sm" style="width: 75px; margin-left: 19.5%">
														<i class="fa fa-pencil"></i>&nbsp;&nbsp;提交
													</button>
													<button id="exitsub" type="button" class="btn btn-default btn-sm" style="margin-left: 10px; width: 75px">
														<i class="fa fa-close"></i>&nbsp;&nbsp;取消
													</button>
												</div>
												<!-- /.box-footer -->
											</form>
										</div>
									</div>
								</div>
								<!-- 主内容 end-->
							</div>
							<!-- /.box-body -->
						</div>
						<!-- /.box -->
					</div>
				</div>
			</section>
			<!-- /.content -->

		</div>
		<!-- /.content-wrapper -->

		<!-- 页面内容 -->
		#parse("common/admin-body-footer.html")
		<!-- /.control-sidebar -->

		<!-- 添加侧边栏的背景。 这个div必须被放置，紧随控制侧栏 -->
		<div class="control-sidebar-bg"></div>
	</div>
	<!-- ./wrapper -->
	<!-- 引入公共js文件 -->
	#parse("common/admin-script.html")
	<!-- bootstrapValidator -->
	<script src='${rc.contextPath}/AdminLTE/bootstrap/js/bootstrapValidator.min.js'></script>
	<!-- 树形表格 -->
	<script src="${rc.contextPath}/plugins/jquery.treegrid.master/js/jquery.treegrid.js"></script>
	<script src="${rc.contextPath}/plugins/jquery.treegrid.master/js/jquery.treegrid.bootstrap3.js"></script>
	<script src="${rc.contextPath}/plugins/jquery.treegrid.master/extension/jquery.treegrid.extension.js"></script>
	
	<script src="${rc.contextPath}/js/admin/roleinfo/roleinfo.js"></script>
</body>
</html>
